<![CDATA[/*
-----------------------------------------------
***** Template Karnoffilia *****
Customizado por Dr. Karnoff
******* Não retirar os créditos *********
----------------------------------------------- */

/* Variable definitions
   ====================
<Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#000000">
<Variable name="outerbgcolor" description="Outer Background Color"
             type="color" default="#fff" value="#343434">
<Variable name="postbgcolor" description="Post Background Color"
             type="color" default="#fff" value="#282828">
<Variable name="postfootercolor" description="Post Footer Color"
             type="color" default="#fff" value="#9b9b9b">
<Variable name="headerbgcolor" description="Header Background Color"
             type="color" default="#fff" value="#1b1b1b">
<Variable name="menubgcolor" description="Menu Background Color"
             type="color" default="#fff" value="#bdbdbd">
<Variable name="menulink" description="Menu Link Color"
             type="color" default="#fff" value="#e6e6e6">
<Variable name="menulinkhover" description="Menu Link Hover"
             type="color" default="#fff" value="#c2c2c2">
<Variable name="subnavbgcolor" description="Subnav Background Color"
             type="color" default="#fff" value="#040501">
<Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#c2c2c2">
<Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#bdbdbd">
<Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#ffffff">
<Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#e6ffa9">
<Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#FFFFFF">
<Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#1b1b1b">
<Variable name="blockquotebg" description="Blockquote Background Color"
             type="color" default="#ccc" value="#484B52">
<Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#ffffff">
<Variable name="sidebartitlebgcolor" description="Sidebar Title Background Color"
             type="color" default="#999" value="#0fa1e0">
<Variable name="sidebarlink" description="Sidebar Link Color"
             type="color" default="#999" value="#bdbdbd">
<Variable name="sidebarlinkhover" description="Sidebar Link Hover"
             type="color" default="#999" value="#0fa1e0">
<Variable name="sidebarwidgetcolor" description="Sidebar Widget Color"
             type="color" default="#999" value="#282828">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#bdbdbd">
<Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#bdbdbd">
<Variable name="footerbgcolor" description="Footer Background Color"
             type="color" default="#999" value="#191919">
<Variable name="footercolor" description="Footer Text Color"
             type="color" default="#999" value="#191919">
<Variable name="footerlinkcolor" description="Footer Link Color"
             type="color" default="#999" value="#ffffff">
<Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 94% Verdana, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia" value="normal normal 347% Georgia">
<Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 128% Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% Arial, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */
body#layout .folio_block{display:none}
body#layout #headerright{margin: 0px;padding: 0 0 20px 0}
body#layout #subnav{margin: 10px auto 10px;}

body { 
margin-top:70px;
margin-bottom: 20px;
background: $bgcolor url(https://lh5.googleusercontent.com/-gmtq9HRASNM/Uc8od1Q6NFI/AAAAAAAAAGo/6vfeiWPxnb4/s16/bg.gif) repeat fixed;
color:#bdbdbd;
font-family:Arial,Tahoma,Verdana;
font-size:13px;
padding:0;}
 
a:link {color:$linkcolor;text-decoration:none; }
a:visited {color:$visitedlinkcolor;text-decoration:none;}
a:hover {color:$titlecolor; text-decoration:underline;}
#navbar-iframe{height:0px}

/* --------------- Header ------------- */

#header-wrapper {
margin:0 auto;
overflow:hidden;
padding:0;
background: $headerbgcolor;
height:240px;
width:960px;
border-radius: 10px 10px 0px 0px;
}
   
#header {
width:100%;float:left;height:250px;} 

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;}

#header h1 {
text-align:left;
color:$pagetitlecolor;
font:$pagetitlefont;
margin:0px 0 0 0px;
padding:40px 0 0 100px;
text-decoration:none;}

#header a, #header a:visited {
margin:0;padding:0;
text-decoration:none;}

#header a:hover {color:$pagetitlecolor;}

#header .description {
  text-align:left;
  margin:0px auto;
  padding:0px 0 0 0px;
  max-width:650px;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: $descriptioncolor;}

#headerright {
width:100%;
float:left;
margin:0;
padding:53px 0 0;
}

#headerright ul {
width:600px;
float:right;
margin:0;
padding:0 5px 0 0;}

#headerright  li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;}


#headerright  li a, #headerright  li a:link {
border-radius-topleft:6px;
border-radius-topright:6px;
background:$menubgcolor;
color:$menulink;
display:block;
font-family:Arial,Tahoma,Verdana;
font-size:12px;
font-weight:bold;
margin:0 2px 0 0;
padding:8px 15px 7px;
text-decoration:none;
text-transform:uppercase;}

#headerright  li a:hover {color:$menulinkhover;}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;}

#subnav {
border-radius-bottomleft:10px;
border-radius-bottomright:10px;
background:$subnavbgcolor;
color:#FFFFFF;
font-family:Arial,Tahoma,Verdana;
font-size:12px;
font-weight:bold;
height:44px;
margin:0 auto;
padding:0;
width:960px;}

#subright {
float:right;
margin:0;
padding:2px 0 0 40px;
width:350px;}

#subright a, #subright a:visited {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;}

#subright a:hover{color:#c2c2c2}

.rss {
background:transparent no-repeat;
padding:2px 5px 2px 17px;}

#subleft {
float:left;
margin:0;
padding:10px 0 0 40px;
width:600px;}

#search {
display:inline;
margin:10px 0 0;
overflow:hidden;}

#subsearch {
background:#FFFFFF;
border:1px solid #666666;
color:#222222;
display:inline;
font-family:Arial,Tahoma,Verdana;
margin:0 3px 0 3px;
padding:3px 0 3px 5px;
width:100px;}

#subsubmit {
border-radius:5px;
background:#222222;
border:1px solid #222222;
color:#FFFFFF;
font-family:Arial,Tahoma,Verdana;
font-size:11px;
font-weight:bold;
margin:0;
padding:3px 5px;
text-decoration:none;}

#submiddle .widget{
float:left;
margin:0;
padding:10px 0 0 20px;
width:280px;}

.clear {clear:both;}

/* -------------------- Outer-Wrapper ---------------------- */
#outer-wrapper {
width: 960px;
margin:0px auto;
padding:0px;
text-align:$startSide;
font: $bodyfont;
box-shadow: 0px 0px 15px #000;
background: $outerbgcolor no-repeat top center;
border-radius:10px;
}

#content-wrapper {
line-height:18px;
margin:0 auto;
padding:10px 0 0;
width:940px;}

#blog-pager{
text-align:center;
width: 680px;
clear:both;}

#main-wrapper {
float:left;
margin:0;
padding:0;
width:680px;
word-wrap: break-word; 
overflow: hidden;}

#sidebar-wrapper{
float:left;
line-height:20px;
margin-top:5px;
padding:0;
width:250px;
word-wrap: break-word; 
overflow: hidden;
}

/* ---------------- Posts -------------- */
h2.date-header {
margin:0;
float:right;
font-size: 12px;
font-weight:normal;
padding: 5px; }

.post {
border-radius:10px;
background:$postbgcolor;
border:1px solid $bordercolor;
margin:0 0 10px;
padding:10px;}

.post h3 {
color:$titlecolor;
font-family:Tahoma,Arial,Verdana;
font-size:16px;
font-weight:normal;
margin:0 0 5px;
padding:0 0 8px;}

.post h3 a, .post h3 a:visited, .post h3 strong {
color:$titlecolor;
font-family:Tahoma,Arial,Verdana;
font-size:18px;
font-weight:normal;
margin:0;
padding:0;
text-decoration:none;}

.post h3 strong, .post h3 a:hover {color:$textcolor;}

.post-body {
  margin:0 0 .75em;
  line-height:1.5em;
  padding-bottom: 20px;}

.post-footer {
  margin: .75em 0;
  color:$postfootercolor;
  letter-spacing:0em;
  font: $postfooterfont;
  line-height: 0em;}

.post-footer a, .post-footer a:visited{color:$postfootercolor;}
.post-footer a:hover{color:$postfootercolor;}

.comment-link { margin-$startSide:.6em; }

.post ul{margin: 5px;padding: 3px;list-style-type:none}

.post li{background:transparent no-repeat left center;margin:0;padding:0 0 0 15px;}


.post blockquote { 
background: #484B52 ; 
margin: 0 20px; 
padding: 20px ; 
color:#C7CACF; 
border-radius:10px; 
} 
.post blockquote p { 
margin: 0; 
padding-top: 10px; 
}
/* ------------------- Comments ------------------------ */
#comment-form, .comment-form{margin: 0 0 0 4px; padding:0px;}

#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:capitalize;
  letter-spacing:.1em;
  color: $sidebarcolor;  }

#comments-block {
  margin:1em 0;
  padding: 0;
  line-height:1.5em; }

#comments-block .comment-author {
  margin:.5em 0;  }

#comments-block .comment-body {
border-radius:10px;
margin:.25em 0 0;
background:#FFFFFF;
border:1px solid #000000;
margin:0 0 10px;
padding:10px 10px 15px;  }

#comments-block .comment-timestamp {
  margin:-1.0em 0 2em;
  line-height: 1.4em;
  float:right;
  padding: 5px; }

#comments-block .comment-body p {
  margin:0 0 .75em; }

.deleted-comment {  font-style:italic;  color:gray;  }

#blog-pager-newer-link {  float: $startSide;padding-left:15px; }
 
#blog-pager-older-link {  float: $endSide;padding-right:15px; }

#blog-pager {   text-align: center; }

.feed-links { text-indent:-9999em;}

#relacionados{
margin: 5px 0px;
padding:3px;color:#111111;
font-size:12px;
text-transform:none;}

#relacionados h4{
color:#111111;
font-family:Tahoma,Arial,Verdana;
font-size:12px;
font-weight:bold;
margin:0 0 0;
padding:5px 0px 5px 5px;}

#relacionados ul {
list-style-type:none;
margin:0;
padding:0px 0px;}

#relacionados li {
background:transparent no-repeat left center;
margin:0;
padding:0 0 0 20px;}

/* ------------------- Sidebar Content ----------------------- */
.sidebar { 
color: $sidebartextcolor;  
line-height: 1.5em;
}

.sidebar h2{
border-radius:10px;
color:$sidebarcolor;font: $headerfont;
margin:0 auto;padding: 7px;
background: $sidebartitlebgcolor;
text-shadow: #000 1px 1px 1px;}

.sidebar a, .sidebar a:visited {
color:$sidebarlink;text-decoration:none;}

.sidebar a:hover{color:sidebarlinkhover; text-decoration: none;}


.sidebar ul {
list-style-type:none;
margin:0;padding:0;}

.sidebar li {
background:transparent no-repeat left center;
margin:0;padding:0 0 0 18px;}
 
.sidebar ul ul li a, .sidebar ul ul li a:visited {
color:$sidebarlink;text-decoration:none;}

.sidebar .widget {
border-radius:10px;
background:$sidebarwidgetcolor;
border:1px solid $bordercolor;
margin:0 auto 8px;
padding:5px 5px 10px 5px;}

.sidebar .widget-content{padding: 8px 0px}

.main .widget {margin:0 0 0;  padding: 0.4em; }

/* ------------------ Profile ----------------- */
.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 2px;
  margin-$startSide: 0;
  padding: 4px; }

.profile-data {
  margin:0;  letter-spacing:0;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.4em;}

.profile-datablock {margin:.5em 0 .5em;}

.profile-textblock {margin: 0.5em 0;  line-height: 1.6em;}

.profile-link { font: $postfooterfont;  text-transform: uppercase;
  letter-spacing: .1em;}


/* ---------------------- Footer -------------------------- */
#footer {
background:$footerbgcolor;
font-family:Arial,Tahoma,Verdana;
font-size:11px;
height:55px;margin:0 auto;
padding:0;width:960px;
border-radius:0 0 10px 10px;
}

.footerleft {
float:left;margin:0;
padding:11px 0 0 30px;
width:300px;}

#footer p {
color:$footercolor;
margin:0;padding:0 0 5px;}

#footer a {color:$footerlinkcolor;text-decoration:none;}

.footerright {
float:right;margin:0;padding:11px 10px 0 0;
text-align:right;width:600px;}

/* ------------- PageList -------- */
#wrapper {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 40px;
}
#PageList1 {
background:url() 100% 100%; 
box-shadow: 0px 5px 15px #000;
border-bottom: 2px solid #0fa1e0;
border-radius:0 0 10px 10px;
font:13px arial;
text-shadow: #000 1px 1px 1px;
height:40px;
width:960px;
margin:0 auto;
padding-top:2px;
}
.PageList li a {
border-radius:0 0 10px 10px;
color:#FFFFFF;
font-weight:bold;
padding:11px 10px 4px;
}
.PageList li.selected a {
background:none repeat scroll 0 0 #0fa1e0;
font-weight:bold;
text-decoration:none;
}
.PageList li a:hover {
border-radius:0 0 10px 10px;
background:none repeat scroll 0 0 #0fa1e0;
color:#FFFFFF;
font-weight:bold;
padding:11px 10px 4px;
text-decoration:none;
}
.crosscol .PageList li, .footer .PageList li {
background:none repeat scroll 0 0 transparent;
float:left;
list-style:none outside none;
margin:0;
padding:8px 5px;
}
#crosscol-wrapper {
margin:0 auto;
width:960px;
}


/* ------------ Search Box -------------- */
#searchbox {
display:block;
float:right;
margin-right:10px;
margin-top:-36px;
}

#searchbox input[type="text"] {
    background: url(https://lh3.googleusercontent.com/-dFEvfSY-21Q/Uc9kAMSrzrI/AAAAAAAAAIY/VWjHuSnjF9U/s15/search-white.png) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #d7d7d7;
    width:100px;
    padding: 6px 15px 6px 35px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    transition: all 0.7s ease 0s;
	margin:0px 10px 10px 10px;
    }

#searchbox input[type="text"]:focus {
    background: url(https://lh6.googleusercontent.com/-1bLYdzIARNs/Uc9kAEB6nxI/AAAAAAAAAIc/a1WNO5q72oU/s15/search-dark.png) no-repeat 10px 6px #fcfcfc;
    color: #6a6f75;
    width: 200px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	margin:0px 10px 10px 10px;
    }

/* ------------ Menu ------------------- */
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 40px;
width:960px;
  background: #141414;
  background:url() 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  border-bottom: 2px solid #0fa1e0;
border-top: 1px solid #000;
border-radius:0 0 10px 10px;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  background:url() 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  color: #ffffff;
  display: inline-block;
font-weight:bold;
  line-height: 40px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;
}

#cssmenu > ul > li:first-child > a {
  border-radius: 0 0 0 10px;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 0 10px 0;

}
#cssmenu > ul > li.active a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background:url() 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background:url() 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #0fa1e0;
  border-bottom: 1px dotted #6fc7ec;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #095c80;
}

/* ---------- Read More ----------- */
.jump-link a {
	padding: 3px;
	text-decoration: none;
	font-size: 13px;
	color: #FFF;
	background: #1b1b1b;
	border-radius: 5px;
	float: right;
	text-shadow: #000 1px 1px 1px;
}

.jump-link a:hover {
background: #0fa1e0;

}

/* -------- Slider ---------- */	
h3 {
	margin: 0;	
	padding: 7px 0 0 0;
	font-size: 16px;
	text-transform: uppercase;
}
div#feature_list {
	width: 960px;
	height: 240px;
	overflow: hidden;
	position: relative;
   	border-radius: 10px 10px 0px 0px;
}
div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}
ul#tabs {
	left: 0;
	z-index: 2;
	width: 320px;
}
ul#tabs li {
	font-size: 12px;
	font-family: Arial;
}
ul#tabs li img {
	padding: 5px;
	border: none;
	float: left;
	margin: 10px 10px 0 0;
}
ul#tabs li a {
	color: #b9b9b9;
	text-decoration: none;	
	display: block;
	padding: 10px;
	height: 60px;
	outline: none;
}
ul#tabs li a:hover {
	text-decoration: underline;
}
ul#tabs li a.current {
	background:  url('https://lh3.googleusercontent.com/-cu3uWRi8eEo/Uc8obbuKZ9I/AAAAAAAAAF0/X2kkJVie7_c/s320/feature-tab-current.png');
	color: #FFF;
    border-radius: 10px 0px 0px 0px;
}
ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}
ul#output {
	right: 0;
	width: 673px;
	height: 240px;
	position: relative;
}
ul#output li {
	position: absolute;
	width: 673px;
	height: 240px;
}
ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	border-radius: 5px;
}
ul#output li a:hover {
	background: #0fa1e0;
}

]]> 
